.login-form {
    left: 50%;
    margin-left: -180px;
    width: 360px;
    font-family: Helvetica;
    border: 1px solid black;
    border-radius: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -105px;
    height: 200px;
    padding-top: 10px;
}

.login-form h2 {
    margin-bottom: 10px;
}

.login-form table {
    width: 80%;
    margin-left: 10%;
}

.login-form .error {
    font-size: 10pt;
    color: red;
    height: 20px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tiles {
    width: 800px;
    height: 300px;
    color:white;
}

.tiles a, .tiles a:active, .tiles a:visited {
    color:white;
}

.tiles td {
    width:25%;
}

.tiles .value {
    float:right;
}

.tiles td {
    vertical-align: bottom;
}

.tiles .left {
    vertical-align: top;
    background-color: #579bb1;
}

.tiles .top.left {
    vertical-align: bottom;
    background-color: #36af36;
}

.tiles .top.right {
    vertical-align: bottom;
    background-color: #679cc2;
}

.tiles .bottom.left {
    vertical-align: bottom;
    background-color: #f46d41;
}

.tiles .bottom.right {
    vertical-align: bottom;
    background-color: #b077ae;
}

.tiles td.right {
    vertical-align: top;
    background-color: #7eb21e;
}

#agreement-info {
    display:none;
    padding-left: 10px;
}